<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		<style>
/*header*/	
			#one span,#two span,#three span,#four span,#b ul li a span,#c_ul02 li a span,#li_span{
				background-image: url(img/img-sprite.png);
			}
			
			#info{
				height: 257px;
				background: url(img/product.jpg) no-repeat;
				background-size: cover;
			}		
/*content*/
			#content{margin-left: 100px;}
			#content_top{height: 300px;float: left;}
			#content h3{
				color: rgba(255, 0, 0, .7);
				font-size: 20px;
				margin-bottom: 20px;
			}
			#content_top_p{
				margin-top: 200px;
				font-size: 13px;
				line-height: 20px;
			}
			#content_bottem{height: 100px;float: left;}
			input[type='text']{width: 820px;height: 30px;}
		</style>
	</head>
	<body>
		<div id="container">
			<!--header-->
			<div id="header">
				<div id="header_top">
					<div id="header_top_left">
						<div id="one"><span></span>
							<a href="#">Info@example.com</a>
						</div>
						<div id="two"><span></span>
							<a href="#">04622616161</a>
						</div>
					</div>
					<div id="header_top_right">
						<div id="three"><span></span>
							<a href="#">Login</a>
						</div>
						<div id="four"><span></span>
							<a href="#">Create an Account</a>
						</div>
					</div>					
				</div>
				<div id="header_center">
					<div id="a">Amberegul</div>
					<div id="b">
						<ul>
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="single.html">Pages</a>
							</li>
							<li>
								<a href="single.html">Blog</a>
							</li>
							<li>
								<a href="product.html">Products</a>
							</li>
							<li>
								<a href="contact.html">Contact</a>
							</li>
							<li>
								<a href="#"><span></span></a>
							</li>
						</ul>
					</div>
					<div id="c">
						<ul id="c_ul01">
							<li><a href="checkout.html">$0.00(0 items)</a></li>
							<li><a href="checkout.html">Empty Cart</a></li>
						</ul>
						<ul id="c_ul02">
							<li><a href="checkout.html"><span></span></a></li>
						</ul>
					</div>
				</div>
				<div id="header_bottem">
					<div id="bottem_right">
						<ul>
							<li><a href="index.html">Home</a></li>
							<span id="li_span"></span>
							<li><a href="about.html">About</a></li>
						</ul>
					</div>
				</div>
				<div id="info">
					<div id="info_center">
						<p>CONTACT</p>
					</div>
				</div>
			</div>
			<!--content-->
			<div id="content">
				<div id="content_top">
					<h3>INFO</h3>
					<div id="content_top_p">
						<p>At vero eos accusamus set iusto odio dignissimos dicimus quil blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.At vero eos et accusamus et iusto odio </p>
						<p>dignissimos dicimus quil blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.At vero eos et accusamus et iusto odio dignissimos dicimus quil blanditiis</p>
						<p>praesentium voluptatum deleniti atque corrupti quos dolores et quas.</p>
					</div>				
				</div>
				<div id="content_bottem">
					<h3>WANT TO WORK WITH ME?</h3>
					<form action="contact.html" method="post">
						Your Name<br />
						<input type="text" name="" id="" value="" />
					</form>				
				</div>
			</div>
	
		</div>
	</body>
</html>
